<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

        /* p{
            color: red;
        } */
        /* 这是通过class的形式 */
        /* .red{
            color: red;
            font-size: 28px;
        } */
        /* #sub{
            color: blue;
        } */

        /* *{
            color: orange;
        } */

        /* span.red{
            color: beige;
        } */
    </style>
    <link rel="stylesheet" href="democss.css">
</head>
<body>
    <p class="red" id="sub">red</p>
    <p class="green">green</p>
    <p class="blue">blue</p>
    <span class="red">hello</span>
    <br>
    <span>你好</span><br>
    有序<br>
    <ol>
        <li id="aa">aaa</li>
        <li>bbb</li>
        <li ><a href="#">ccc</a></li>
    </ol>
    无序<br>
    <ul>
        <li>ddd</li>
        <li>eee</li>
        <li>fff</li>
    </ul>
    
</body>
</html>